<template>
  <div class="accident">
    <img src="../assets/images/lock.png" />
    <div class="txt">
      <p>抱歉，您没有此操作的权限</p>
      <a href="javascript:;" class="btn" @click="gotoPrevious">返回</a>
    </div>
  </div>
</template>

<script>
export default {
  name: 'unauthorized',
  data () {
    return {
    }
  },
  methods: {
    gotoPrevious: function () {
      window.history.back();
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .accident{position:relative;font-size:12px;}
  .accident img{border:0;margin:auto;display:block;max-width:100%;}
  .accident .txt{position:absolute;left:93px;right:0;text-align:center;color:#333;top:260px;}
  .accident .txt p{margin:10px 0;font-weight:700;font-size:32px;}
  .accident .btn{margin-top:10px;background-color:#f43749;color:#fff;padding:5px 30px;text-decoration:none;border-radius:100px;font-size:20px;display:inline-block;vertical-align:top;}

</style>
